<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Psycho</title>

<link rel="stylesheet" type="text/css" href="resources/css/style.css" />

<script type="text/javascript" src="resources/js/jquery.min.js"></script>
<script type="text/javascript" src="resources/js/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="resources/js/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
<script type="text/javascript" src="resources/js/templatemo_script.js"></script>

</head>
<body>
	 <div id="main-wrapper">
		<div id="container">
		
		
			<div class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">
                          <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                              <span class="sr-only">Toggle navigation</span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                          </button>
                      </div>
                      <div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                          <li class="active"><a href="#templatemo-page1"><i class="fa fa-home"></i>Home</a></li>
                          <li><a href="#templatemo-page2"><i class="fa fa-video-camera"></i>Videos</a></li>
                          <li><a href="#templatemo-page3"><i class="fa fa-laptop"></i>Services</a></li>
                          <li><a href="#templatemo-page4"><i class="fa fa-users"></i>About</a></li>
                          <li><a href="#templatemo-page5"><i class="fa fa-envelope-o"></i>Contact</a></li>
                          <li><a rel="nofollow" href="http://www.templatemo.com/page/1" class="external"><i class="fa fa-external-link"></i>External</a></li>
                      </ul>
                  </div>
              </div>
          </div>
          
        <div class="image-section">
            <div class="image-container">
                <img src="resources/images/templatemo-bg-1.jpg" id="templatemo-page1-img" class="main-img inactive" alt="Home">
                <img src="resources/images/templatemo-bg-2.jpg" id="templatemo-page2-img" class="inactive" alt="Services">
                <img src="resources/images/templatemo-bg-3.jpg" id="templatemo-page3-img"  class="inactive" alt="Awards">
                <img src="resources/images/templatemo-bg-4.jpg" id="templatemo-page4-img" class="inactive" alt="Company">
                <img src="resources/images/templatemo-bg-5.jpg" id="templatemo-page5-img" class="inactive" alt="Contact">
            </div>
        </div>
          
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="templatemo-site-title">
                    <h1 class="site-name"><a rel="nofollow" href="#" title="Psycho">Psycho</a></h1>
                </div>
            </div>
        </div>
          
          
          
          
          
          
          
          
          <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 templatemo-content-wrapper">
                <div class="templatemo-content">   
                    <section id="templatemo-page1-text" class="active">                      
         			 </section><!-- /.templatemo-page1-text --> 
          
         			<section id="templatemo-page2-text" class="inactive">
        			</section>
                             
			        <section id="templatemo-page3-text" class="inactive">            
			        </section>

			        <section id="templatemo-page4-text" class="inactive">           
			        </section>

        <section id="templatemo-page5-text" class="inactive">
            <div class="col-sm-12 col-md-12">
                <div class="row">
                    <div class="col-sm-12 col-md-12">
                    	<h2>Contact Information</h2>
                    	<p>Mauris at rutrum arcu. In felis turpis, tincidunt a odio interdum, ornare interdum magna. Proin leo tortor, adipiscing et volutpat tincidunt, imperdiet sit amet purus. Proin erat ante, consectetur et sapien eu, egestas volutpat tortor. Donec at nulla orci. Sed luctus interdum ante, vel adipiscing leo aliquam nec.</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="row">
                    <div class="col-sm-6 col-md-6">
                    	<h3>Our Location</h3>
                        <div id="map-canvas"></div>
                        <p>123 Thamine Street, Digital Estate, Yangon 10620, Myanmar</p>
                    </div>

                    <div class="col-sm-6 col-md-6">
                    	<h3>Send us a message</h3>
                        <form action="#" method="post">

                            <div class="form-group">
                                <!--<label for="contact_name">Name:</label>-->
                                <input type="text" id="contact_name" class="form-control" placeholder="Name" />
                            </div>
                            <div class="form-group">
                                <!--<label for="contact_email">Email:</label>-->
                                <input type="text" id="contact_email" class="form-control" placeholder="Email" />
                            </div>
                            <div class="form-group">
                                <!--<label for="contact_subject">Subject:</label>-->
                                <input type="text" id="contact_subject" class="form-control" placeholder="Subject" />
                            </div>
                            <div class="form-group">
                                <!--<label for="contact_message">Message:</label>-->
                                <textarea id="contact_message" class="form-control" rows="9" placeholder="Message"></textarea>
                            </div>
                            <button type="submit" class="btn btn-primary">Send</button>

                        </form>
                    </div>

                    <div class="clearfix"></div>
                </div>
            </div>
        </section><!-- /.templatemo-page5-text --> 
    </div><!-- /.templatemo-content -->  
</div><!-- /.templatemo-content-wrapper --> 
</div><!-- /.row --> 
          
          
          
          
          
          
          <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 footer">
        <div class="footer-wrapper">
            <p class="social-icons">
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-google-plus"></i></a>
                <a href="#"><i class="fa fa-youtube"></i></a>
                <a href="#"><i class="fa fa-instagram"></i></a>
            </p>
            <p id="tm-copyright">Copyright &copy; 2084 Your Company Name <!-- Credit: www.templatemo.com -->
			</p>
            </div>                    
        </div><!-- /.footer --> 
    </div>
          
          
          
          
          
          
          
          
          
          
          
          
          	
		</div>
	</div> 

</body>
</html>